document.addEventListener('DOMContentLoaded', function () {
    const tabButtons = document.querySelectorAll('.tab-buttons button');
    const tabPanes = document.querySelectorAll('.tab-pane');

    tabButtons.forEach(function (button) {
        button.addEventListener('click', function () {
            const targetTab = this.dataset.tab;
            tabPanes.forEach(function (pane) {
                pane.classList.remove('active');
            });
            document.getElementById(targetTab).classList.add('active');
        });
    });
});